<?php /* @var $view Model3_View */ ?>
<style>
    .paso2 { display: none;  }
    
</style>
<script type="text/javascript">
    $(document).ready(function(){
        $('#next').click(function(){ $('.paso1').hide(); $('.paso2').show(); });
        $('#prev').click(function(){ $('.paso2').hide(); $('.paso1').show(); });
    });
</script>
<div class="signupForm rfloat">
    <div class="span-4">
        <?php echo $view->ManagerImages()->img('images/pets/create-profile.jpg')?>
    </div>
    <div class="span-10 last">
        <h3>Crea el perfil de tu mascota</h3>
        ¿Tienes mascota?, seguro que podras describirla de manera facil aqui, llena estos simples datos, cuentanos como es tu amigo.
        y define un status para el.
    </div>
</div>
<div class="clear"></div>
<div id="registration_container">
    <div>
        <div>
            <form enctype="multipart/form-data" method="Post" action="<?php echo $view->url(array('controller' => 'PetProfile', 'action' => 'createPetProfile')) ?>">
                <table>
                    <!-- PASO 1 -->
                    <tr><td colspan="2"><h4>Datos Basicos</h4></td></tr>
                    <tr class="paso1">
                        <td> <label>Nombre:</label> </td>
                        <td> <input type="text" value="" name="nombre" id="nombre"></td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Tipo:</label> </td>
                        <td>
                            <select name="type" id="type">
                                <option value="<?php echo MN_Pets::TYPE_DOG; ?>">Perro</option>
                                <option value="<?php echo MN_Pets::TYPE_CAT; ?>">Gato</option>
                                <option value="<?php echo MN_Pets::TYPE_RABBIT; ?>">Conejo</option>
                                <option value="<?php echo MN_Pets::TYPE_OTHER; ?>">Otro</option>
                            </select>
                        </td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Edad</label> </td>
                        <td> <input type="text" value="" name="age" id="age"></td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Sexo:</label> </td>
                        <td> 
                            <select name="sex" id="sex">
                                <option value="<?php echo MN_Pets::GENDER_MALE; ?>">Macho </option>
                                <option value="<?php echo MN_Pets::GENDER_FEMALE; ?>">Hembra</option>
                            </select>
                        </td>
                    </tr >
                    <tr class="paso1">
                        <td> <label>Imagen:</label> </td>
                        <td> <input type="file" value="" name="archivos" id="archivos" ></td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Estatus:</label> </td>
                        <td> 
                            <select name="status" id="status">
                                <option value="<?php echo MN_Pets::STATUS_BOYFRIEND; ?>">Busco Pareja</option>
                                <option value="<?php echo MN_Pets::STATUS_ADOPTION; ?>">En Adopcion</option>
                                <option value="<?php echo MN_Pets::STATUS_SALE; ?>">En Venta</option>
                                <option value="<?php echo MN_Pets::STATUS_TO_VISIT; ?>">Ando de paseo aqui</option>
                            </select>
                        </td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Pedigree:</label> </td>
                        <td> 
                            <select name="pedigree" id="pedigree">
                                <option value="<?php echo MN_Pets::PEDIGREE_YES; ?>">Si</option>
                                <option value="<?php echo MN_Pets::PEDIGREE_NO; ?>">No</option>
                            </select>
                        </td>
                    </tr>
                    <tr class="paso1">
                        <td> <label>Descripcion corta:</label> </td>
                        <td> 
                            <textarea name="description" id="description"></textarea>
                        </td>
                    </tr>
                    <tr class="paso1">
                        <td>  </td>
                        <td> 
                            
                            <input type="button" id="next" value="Siguiente">
                        </td>
                    </tr>
                    <!-- PASO 2 -->
                    <tr class="paso2">
                        <td> <label>raza:</label> </td>
                        <td> 
                            <?php ?>
                        </td>
                    </tr>
                    <tr class="paso2">
                        <td> <label>Color:</label> </td>
                        <td> 
                            <input type="text" value="" name="color" id="color" >
                        </td>
                    </tr>
                    <tr class="paso2">
                        <td> <label>Precio:</label> </td>
                        <td> 
                            <input type="text" value="" name="price" id="price" >
                        </td>
                    </tr>
                    <tr class="paso2">
                        <td> <label>Peso:</label> </td>
                        <td> 
                            <input type="text" value="" name="peso" id="peso" >
                        </td>
                    </tr>
                    <tr class="paso2" style="visibility: hidden;">
                        <td> <label>Descripci&oacute;n Detallada:</label> </td>
                        <td> 
                            <textarea name="description-large" id="description-large"></textarea>
                        </td>
                    </tr>
                    <tr class="paso2">
                        <td></td>
                        <td> 
                            <input type="button" id="prev" value="Anterior">
                            <input type="submit" value="Siguiente">
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>